.PCMain {
  .PContentS {
    position: absolute;
    width: 100%;
    // table-layout: 100%;
  }
  .PCS1 {
    height: 730px;
    box-sizing: border-box;
    position: relative;
    //
    // background-position-x: 100%;
    // line-height: 1;
    // text-align: center;
    // color: #fff;
    // background: rgba(0, 0, 0, 0.25);
    background-image: url('./../../../../assets/Peisong/PCS1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    .PCS1D {
      position: absolute;
      text-align: center;
      top: 30%;
      width: 100%;
      opacity: 1;
      .PCS1Dp1 {
        font-size: 48px;
        .PCSDS1 {
          color: #35abf5;
          margin-right: 0.5%;
        }
        .PCSDS2 {
          color: #fff;
        }
      }
      .PCS1Dp2 {
        color: #fff;
        font-size: 24px;
        font-weight: 100;
      }
    }
    .PCS1J {
      color: #fff;
      position: absolute;
      text-align: center;
      top: 55%;
      width: 100%;
      opacity: 1;
      line-height: 1;
      .PCS1Jl {
        display: inline-block;
        text-align: left;
        padding: 0 70px;
        border-left: 1px solid #fff;
        .small2 {
          display: block;
          font-size: 14px;
          font-weight: 100;
          margin-bottom: 8px;
          // margin-bottom: -30px;
          // line-height: 40px;
        }
        .PCS1JlP {
          display: block;
          margin: 0;
          .PCS1Jlspan1 {
            font-size: 48px;
            margin-right: 10px;
          }
          .PCS1Jlspan2 {
            font-size: 18px;
          }
        }
      }
      .PCS1Jl:nth-child(1) {
        border: 0;
      }
    }
    .PCS1img1 {
      position: absolute;
      top: 84%;
      left: 49%;
    }
  }
  .PCS2 {
    height: 900px;
    box-sizing: border-box;
    position: relative;
    background-color: yellowgreen;
    background-image: linear-gradient(0deg, #fff, #e9e9e9);
    .PCS2D {
      height: 900px;
      width: 100%;
      padding-top: 60px;
      box-sizing: border-box;
      position: relative;
      .PCS2D-title {
        position: relative;
        width: 100%;
        height: 120px;
        font-weight: 300;
        text-align: center;
        color: #404654;
        .title-PCS2D {
          position: absolute;
          width: 100%;
          top: 0;
          opacity: 0;
          transform: translateY(-20px);
          transition: all 0.3s;
          p {
            margin: 0;
            font-size: 48px;
          }
          small {
            display: block;
            margin-top: 20px;
            font-size: 24px;
          }
        }
        .show {
          opacity: 1;
          transform: translateY(0);
        }
      }
      .PCS2Dbtn {
        margin-top: 80px;
        text-align: center;

        .PCS2DB {
          display: inline-block;
          width: 64px;
          height: 64px;
          background-image: url('./../../../../assets//Peisong/btn.png');
          background-size: 300% 200%;
          cursor: pointer;
        }
        .PCS2DB1 {
          background-position: 0 0;
        }
        .PCS2DB2 {
          background-position: 100% 0;
          margin-left: 100px;
        }
        .PCS2DB3 {
          background-position: 200% 0;
          margin-left: 100px;
        }
        .PCS2DB1.active {
          background-position: 0 -100%;
        }
        .PCS2DB2.active {
          background-position: 100% -100%;
          margin-left: 100px;
        }
        .PCS2DB3.active {
          background-position: 200% -100%;
          margin-left: 100px;
        }
      }
      .PCS2DS {
        height: 500px;

        width: 100%;
        position: relative;
        .showbox {
          display: none;
        }
        .PCS2DSG {
          img {
            position: absolute;
            height: auto;
            opacity: 0;
          }
        }
        .PCS2DSG1 {
          position: absolute;
          bottom: 230px;
          left: 50%;
          opacity: 1;
          -ms-transform: translateY(0);
          transform: translateY(0);
          transition: all 0.3s;

          .show:nth-child(5) {
            opacity: 1;
          }
          .g1 {
            width: 42px;
          }

          .g11 {
            top: -27px;
            left: -180px;
            transform: translateY(27px);
            transition: all 0.3s 0.3s;
          }
          .g12 {
            top: -44px;
            left: -100px;
            transform: translateY(44px);
            transition: all 0.3s 0.4s;
          }
          .g13 {
            top: -60px;
            left: 63px;
            transform: translateY(60px);
            transition: all 0.3s 0.5s;
          }
          .g14 {
            top: -78px;
            left: 140px;
            transform: translateY(78px);
            transition: all 0.3s 0.6s;
          }
          .g15 {
            top: -124px;
            left: 143px;
            width: 36px;
            transition: opacity 0.3s 0.9s;
          }
          .g1leave {
            transition: all 0.15s;
          }
          .show {
            opacity: 1;
            transform: translateY(0);
          }
        }
        .PCS2DSG2 {
          position: absolute;
          bottom: 230px;
          left: 50%;
          opacity: 1;
          transform: translateY(40);
          transition: all 0.3s;
          .g21 {
            left: 50%;
            top: -135px;
            margin-left: -180px;
            width: 360px;
            transform: scale(0.5);
            transition: all 0.3s 0.6s;
          }
          .g22 {
            left: 50%;
            top: -85px;
            margin-left: -130px;
            width: 260px;
            transform: scale(0.5);
            transition: all 0.3s 0.3s;
          }
          .g23 {
            left: 50%;
            top: -150px;
            margin-left: -180px;
            width: 360px;
            transform: translateY(40px);
            transition: all 0.3s 0.9s;
          }
          .g2leave {
            transition: all 0.15s;
          }
          .show {
            transform: scale(1);
            opacity: 1;
          }
          .g23.show {
            opacity: 1;
            transform: translateY(0px);
          }
        }
        .PCS2DSG3 {
          position: absolute;
          bottom: 230px;
          left: 50%;
          opacity: 1;
          transform: translateY(0);
          transition: all 0.3s;
          .g31 {
            margin-top: -65px;
            margin-left: -190px;
            width: 380px;
            transform: translateY(40px);
            transition: all 0.3s 0.3s;
          }
          .g3leave {
            transition: all 0.15s;
          }
          .show {
            opacity: 1;
            transform: translateY(0);
          }
        }

        .bg {
          position: absolute;
          bottom: 30px;
          left: 50%;
          margin-left: -330px;
          width: 659px;
          height: auto;
          opacity: 0;
          transition: opacity 0.3s;
        }

        .box {
          position: absolute;
          bottom: 0;
          left: 50%;
          margin-left: -66px;
          width: 133px;
          height: auto;
          opacity: 0;
          transition: opacity 0.3s;
        }

        .Person {
          position: absolute;
          bottom: 5px;
          left: 50%;
          margin-left: -140px;
          width: 280px;
          height: auto;
          opacity: 0;
          transform: translateX(300px);
        }
        .slidein {
          opacity: 1;
          transform: translateX(0px);
          transition: all 0.3s;
        }
        .slideout {
          opacity: 0;
          transform: translateX(-300px);
          transition: all 0.3s;
        }

        .show {
          opacity: 1;
        }

        ul {
          .arrow {
            position: absolute;
            margin-top: -18px;
            top: 50%;
            width: 20px;
            height: 36px;
            background-image: url('./../../../../assets//Peisong//arrow.png');
            background-size: 200% 100%;
            cursor: pointer;
          }
          .PCS2DS-arrow1 {
            left: 90px;
            background-position: 0 0;
          }
          .PCS2DS-arrow2 {
            right: 90px;
            background-position: -100% 0;
          }
        }
      }
    }
  }
  .PCS3 {
    height: 985px;
    width: 100%;
    position: relative;
    .PCS31 {
      padding: 70px 0;
      background: #f5f7f9;
      .PCS31C {
        margin: 0 auto;
        padding: 0 40px;
        width: 1200px;
        .PCS31CP1 {
          margin: 0 0 10px;
          font-size: 40px;
          font-weight: 300;
          color: #3d4147;
        }
        .PCS31C2 {
          overflow: hidden;
          .PCS31C2i {
            float: left;
            margin-top: 30px;
            width: 20%;
          }
        }
      }
    }
    .PCS32 {
      padding: 70px 0;
      text-align: center;
      .PCS32O {
        margin: 0 auto;
        padding: 0 40px;
        width: 1200px;
        box-sizing: border-box;
        .PCS32OC {
          font-size: 30px;
          font-weight: 300;
          color: #404044;
          p {
            margin: 0;
          }
          small {
            display: inline-block;
            margin-top: 20px;
            font-size: 20px;
            line-height: 1.4;
          }
        }
        .PCS32OB {
          margin-top: 40px;
          .d1 {
            display: inline-block;
            width: 320px;
            img {
              margin-bottom: 20px;
            }
            .btn {
              display: inline-block;
              width: 160px;
              height: 50px;
              font-size: 16px;
              line-height: 50px;
              text-decoration: none;
              color: #fff;
              background: #24a5f5;
              background-image: linear-gradient(-180deg, #5dbbf5, #24a5f5);
              border: 1px solid #eee;
              border-radius: 4px;
            }
          }
          .d2 {
            margin-left: 100px;
            display: inline-block;
            width: 320px;
            img {
              margin-bottom: 20px;
            }
            .btn {
              display: inline-block;
              width: 160px;
              height: 50px;
              font-size: 16px;
              line-height: 50px;
              text-decoration: none;
              color: #fff;
              background: #24a5f5;
              background-image: linear-gradient(-180deg, #5dbbf5, #24a5f5);
              border: 1px solid #eee;
              border-radius: 4px;
            }
          }
        }
      }
    }
  }
}
